<form id='addlayer' class='modal-body contain round col6 space-bottom4 dark fill-dark'>
  <a href='#' class="pad1 quiet icon x pin-topright close js-close"></a>
    <fieldset class='col12 pad2'>
        <p class='center col8 margin2'>Add a new datasource.</p>
        <div class='input-pill clearfix space-bottom'>
            <input class='col8' type='text' name='Datasource-file' title='Valid filename.' placeholder='.shp .kml .geojson .gpx .csv .tif .vrt' pattern='[\w+\d+\s+\\\.\/_:-]+\.(shp|SHP|json|geojson|JSON|kml|KML|gpx|GPX|csv|CSV|tif|TIF|vrt|VRT)'/>
            <a class='col4 button icon folder js-browsefile'>Browse</a>
        </div>
        <div class='small center'>
            Need to add data from a
            <a href='#add-db-postgis' class='js-adddb'>PostGIS</a> or
            <a href='#add-db-sqlite' class='js-adddb'>SQLite</a> database?
        </div>
    </fieldset>
</form>
